<template>
  <div>
    <div class="bg-white grid-content">
      <!-- <div style="overflow: hidden; ">
        <el-form :inline="true" :model="gydybbForm" class="demo-form-inline">
          <el-date-picker 
          style="top: 15px"
          v-model="value1" 
          type="month" 
          value-format="yyyy-MM"
           placeholder="选择月" 
           align="right"
          unlink-panels>
          </el-date-picker>
          <el-form-item>
            <el-button type="primary" @click="reload">查询</el-button>
            
          </el-form-item>
        </el-form>
      </div> -->
      <div style="overflow: hidden; ">
        <div class="mytitle"><svg-icon icon-class="yjbb" class="myIcon" /> 供用电月报表</div>
        <!-- <div class="myButtons">
          <el-button @click="handleClick('', 'add')">新增</el-button>
          <el-button @click="uploadData">批量导入</el-button>
        </div> -->
      </div>
      <el-tabs v-model="activeName" @tab-click="handleClick1">
        <el-tab-pane label="大庆榆树林油田地区供电月报表封面" name="first">

          <el-row class="elrow2">
            <el-col :span="24">
              <div class="grid-content bg-purple-dark">
                <p align="center" style="font-size: 40px;">{{ currentDate }}大庆榆树林油田地区供电月报表</p>
              </div>
            </el-col>
          </el-row>
          <div class="big_box">
            <div class="mini_box">
              <el-row class="elrow1">
                <el-col :span="12">
                  <div class="grid-content bg-purple-dark">
                    <p align="right">编制单位：</p>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple-dark">
                    <p>大庆榆树林油田生产运行部</p>
                  </div>
                </el-col>
              </el-row>
              <el-row class="elrow1">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <p align="right">编 制 人：</p>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple-light">
                    <p>杨帅</p>
                  </div>
                </el-col>
              </el-row>
              <el-row class="elrow1">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <p align="right">审 核 人：</p>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple-light">
                    <p>李文彬</p>
                  </div>
                </el-col>
              </el-row>
              <el-row class="elrow1">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <p align="right">审 定 人：</p>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple-light">
                    <p>朱晶光</p>
                  </div>
                </el-col>
              </el-row>
              <el-row style="font-size: 22px;">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <p align="right">编制时间：</p>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple-light">
                    <p>{{ currentDate }}</p>
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>



        </el-tab-pane>
        <el-tab-pane :label="currentDate + '大庆榆树林油田地区供电月报表'" name="second">
          <el-row class="elrow2">
            <el-col :span="24" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="center" style="font-size: 40px;">{{ currentDate }}大庆榆树林油田地区供电月报表</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="24" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>一、供电情况</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">1、地区最高负荷：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{ tableData2[0] ? tableData2[0].yxfhZd : "" }}kw</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">平均负荷:</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{ tableData2[0] ? tableData2[0].yxfhPj : "" }}kw</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">最大需量：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{ tableData2[0] ? tableData2[0].yxfhZd : "" }}kw</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">2、地区供电量：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">有功{{ tableData2[0] ? tableData2[0].ygdlYg : "" }}万千瓦时；
                  无功{{ tableData2[0] ? tableData2[0].ygdlWg : "" }}万千瓦时</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">自发电量:</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>0.00万千瓦时</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">最大日供电量：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>35.028万千瓦时</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">3、全厂自用电量：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>60.33万千瓦时</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">4、本月负荷率：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{ tableData2[0] ? tableData2[0].fhl : "" }}%</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">补偿力率：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{ tableData2[0] ? tableData2[0].glysBc : "" }}%</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">自然力率:</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{ tableData2[0] ? tableData2[0].glysZr : "" }}%</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="24" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>二、运行情况</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">1、本月继电保护装置正确动作率：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>{{ tableData22[0] ? tableData22[0].correctnessRate : "" }}%</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">正确动作次数：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>{{ tableData22[0] ? tableData22[0].correctActions : "" }}次</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">总动作次数：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>{{ tableData22[0] ? tableData22[0].totalActions : "" }}次</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p align="right">不正确动作说明：</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p>{{ tableData22[0] ? tableData22[0].remarks : "" }}</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="24" class="kuangdu">
              <div class="grid-content bg-purple-dark">
                <p  >三、变电所及线路缺陷记录:  {{ tableData23 }}</p>
              </div>
            </el-col>
          </el-row>


        </el-tab-pane>
        <el-tab-pane :label="currentDate + '大庆榆树林油田地区供电月报表'" name="third">
          <el-row class="elrow2">
            <el-col :span="24">
              <div class="grid-content bg-purple-dark">
                <p align="center" style="font-size: 40px;">{{ currentDate }}大庆榆树林油田地区供电月报表</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p style="font-weight: bold;">一、供用电情况</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计</p>
              </div>
            </el-col>
            <el-col :span="16" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p style="font-weight: bold;">三、电网现状及检修情况</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>1、最高负荷（兆瓦）</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{ tableData2[0] ? tableData2[0].yxfhZd : "" }}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（一）变电所</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>数量(座)</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>主变数(台)/容量(kVA)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p align="center">本月检修(座)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计检修(座)</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>2、补偿功率因数%</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{tableData2[0] ? tableData2[0].glysBc : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>1、110kV变电所</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].sl : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p >{{tableData3[0] ? tableData3[0].glysBc : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxwcLj : ""}}</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>3、负荷率%</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p v-if="tableData2">{{tableData2[0] ? tableData2[0].fhl : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>2、35KV变电所</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[1] ? tableData3[1].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[1] ? tableData3[1].jxwcLj : ""}}</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="8" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p style="font-weight: bold;">二、电网检修计划</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>3、开闭所</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[2] ? tableData3[2].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[2] ? tableData3[2].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[2] ? tableData3[2].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[2] ? tableData3[2].jxwcLj : ""}}</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p align="center">类别</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月计划检修</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>下月计划检修</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（二）线路</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>数量(条)</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>数量(km)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月检修 (km)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计检修(km)</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>1、110kV变电所(座)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxjhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxjhXy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>1、110KV线路</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxjhXy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[0] ? tableData3[0].jxjhXy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[3] ? tableData3[3].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[3] ? tableData3[3].jxwcLj : ""}}</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>2、35KV变电所(座)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[1] ? tableData3[1].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[1] ? tableData3[1].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>2、35KV线路</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[3] ? tableData3[3].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[3] ? tableData3[3].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[4] ? tableData3[4].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[4] ? tableData3[4].jxwcLj : ""}}</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>3、开闭所(座)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[2] ? tableData3[2].jxjhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[2] ? tableData3[2].jxjhXy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>3、6~10KV线路</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[5] ? tableData3[5].jxwcLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[5] ? tableData3[5].jxwcLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[5] ? tableData3[5].jxwcBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[5] ? tableData3[5].jxwcLj : ""}}</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>4、110KV线路(km)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[3] ? tableData3[3].jxjhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[3] ? tableData3[3].jxjhXy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（三）6（10）kV配电变压器</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>数量(台)</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>容量(kVA)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月检修 (台)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计检修(台)</p>
              </div>
            </el-col>
          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>5、35KV线路(km)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[4] ? tableData3[4].jxjhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[4] ? tableData3[4].jxjhXy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>1233</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>116990.00</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>85</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>119</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>6、6~10KV线路(km)</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[5] ? tableData3[5].jxjhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData3[5] ? tableData3[5].jxjhXy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>

          </el-row>

          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p style="font-weight: bold; ">四、用电分类</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>产量（万吨、万方）</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>电量（万千瓦时）</p>
              </div>
            </el-col>
            <el-col :span="6" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>单耗（千瓦时/吨、方）</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>备 注</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p style="font-weight: bold; "></p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>本月</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（一）油气生产</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p></p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p></p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>744.601</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>3374.099</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>210.93</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p></p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p></p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p></p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>1、采油</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[0] ? tableData32[0].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[0] ? tableData32[0].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[0] ? tableData32[0].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[0] ? tableData32[0].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[0] ? tableData32[0].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[0] ? tableData32[0].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>其中在外部转供电量中：</p>
              </div>
            </el-col>


          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>2、集输</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[1] ? tableData32[1].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[1] ? tableData32[1].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[1] ? tableData32[1].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[1] ? tableData32[1].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[1] ? tableData32[1].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[1] ? tableData32[1].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>转供大庆炼化公司电量</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>3、储运</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[2] ? tableData32[2].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[2] ? tableData32[2].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[2] ? tableData32[2].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[2] ? tableData32[2].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[2] ? tableData32[2].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[2] ? tableData32[2].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[8] ? tableData32[8].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[8] ? tableData32[8].ydlLj : ""}}</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>4、注水</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[3] ? tableData32[3].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[3] ? tableData32[3].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[3] ? tableData32[3].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[3] ? tableData32[3].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[3] ? tableData32[3].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[3] ? tableData32[3].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>转供大庆石油公司电量</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>5、供水</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[4] ? tableData32[4].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[4] ? tableData32[4].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[4] ? tableData32[4].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[4] ? tableData32[4].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[4] ? tableData32[4].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[4] ? tableData32[4].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[9] ? tableData32[9].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[9] ? tableData32[9].ydlLj : ""}}</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>6、天然气</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[5] ? tableData32[5].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[5] ? tableData32[5].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[5] ? tableData32[5].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[5] ? tableData32[5].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[5] ? tableData32[5].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[5] ? tableData32[5].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>转供中石油昆仑燃气电量</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>7、注聚</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[6] ? tableData32[6].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[6] ? tableData32[6].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[6] ? tableData32[6].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[6] ? tableData32[6].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[6] ? tableData32[6].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[6] ? tableData32[6].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[10] ? tableData32[10].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[10] ? tableData32[10].ydlLj : ""}}</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>8、网损</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[7] ? tableData32[7].productionMon : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[7] ? tableData32[7].productionCum : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[7] ? tableData32[7].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[7] ? tableData32[7].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[7] ? tableData32[7].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[7] ? tableData32[7].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>转供中石油大庆分公司电量</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（二）非油气生产</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[13] ? tableData32[13].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[13] ? tableData32[13].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[13] ? tableData32[13].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[11] ? tableData32[11].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[11] ? tableData32[11].ydlLj : ""}}</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（一）（二）油公司合计</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[14] ? tableData32[14].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[14] ? tableData32[14].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[14] ? tableData32[14].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[14] ? tableData32[14].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="5" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>转供中国石油天然气分公司电量</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（三）转供电量</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[15] ? tableData32[15].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[15] ? tableData32[15].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[15] ? tableData32[15].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[12] ? tableData32[12].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[12] ? tableData32[12].ydlLj : ""}}</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>1、油田公司内部</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[16] ? tableData32[16].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[16] ? tableData32[16].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[16] ? tableData32[16].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[16] ? tableData32[16].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p align="center"> 合计</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>2、油田公司外部</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[17] ? tableData32[17].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[17] ? tableData32[17].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[17] ? tableData32[17].dhBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[17] ? tableData32[17].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>当月电量</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>累计电量</p>
              </div>
            </el-col>

          </el-row>
          <el-row class="elrow11">
            <el-col :span="4" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>（一）（二）（三）总计</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[18] ? tableData32[18].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[18] ? tableData32[18].ydlLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>/</p>
              </div>
            </el-col>
            <el-col :span="3" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[18] ? tableData32[18].dhLj : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[19] ? tableData32[19].ydlBy : ""}}</p>
              </div>
            </el-col>
            <el-col :span="2" class="kuangdu3">
              <div class="grid-content bg-purple-dark">
                <p>{{tableData32[19] ? tableData32[19].ydlLj : ""}}</p>
              </div>
            </el-col>

          </el-row>

        </el-tab-pane>
        <el-tab-pane :label="currentDate + '大庆榆树林油田供电月报表'" name="fourth">
          <el-row class="elrow2">
            <el-col :span="24">
              <div class="grid-content bg-purple-dark">
                <p align="center" style="font-size: 40px;">{{ currentDate }}大庆榆树林油田地区供电月报表</p>
              </div>
            </el-col>
          </el-row>
          <!-- 表格 -->
          <el-table :data="tableData4" border style="width: 100%"
            :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="lxmc" label="项目/时间">
            </el-table-column>
            <el-table-column align="center" prop="yd1" label="1月">
            </el-table-column>
            <el-table-column align="center" prop="yd2" label="2月">
            </el-table-column>
            <el-table-column align="center" prop="yd3" label="3月">
            </el-table-column>
            <el-table-column align="center" prop="yd4" label="4月">
            </el-table-column>
            <el-table-column align="center" prop="yd5" label="5月">
            </el-table-column>
            <el-table-column align="center" prop="yd6" label="6月">
            </el-table-column>
            <el-table-column align="center" prop="yd7" label="7月">
            </el-table-column>
            <el-table-column align="center" prop="yd8" label="8月">
            </el-table-column>
            <el-table-column align="center" prop="yd9" label="9月">
            </el-table-column>
            <el-table-column align="center" prop="yd10" label="10月">
            </el-table-column>
            <el-table-column align="center" prop="yd11" label="11月">
            </el-table-column>
            <el-table-column align="center" prop="yd12" label="12月">
            </el-table-column>
            <el-table-column align="center" prop="hj" label="合计">
            </el-table-column>
          </el-table>
          <!-- 分页器 -->
          <el-pagination align="right" background @size-change="handleSizeChange4" @current-change="handleCurrentChange4"
            :current-page="pageNo4" :page-sizes="[5, 10, 20, 30, 40, 50]" :page-size="pageSize"
            layout="total, sizes, prev, pager, next, jumper" :total="total4">
          </el-pagination>
        </el-tab-pane>
        <el-tab-pane :label="currentDate + '变电所运行情况分析表'" name="fiveth">
          <el-row class="elrow2">
            <el-col :span="24">
              <div class="grid-content bg-purple-dark">
                <p align="center" style="font-size: 40px;">{{ currentDate }} 变电所运行情况分析表</p>
              </div>
            </el-col>
          </el-row>
          <!-- 表格 -->
          <el-table :data="tableData2" border style="width: 100%"
            :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="substationName" label="变电所名称">
            </el-table-column>
            <el-table-column align="center" prop="mainVariableCapacity" label="主变容量（千伏安）">
            </el-table-column>
            <el-table-column align="center" label="35kv电压">
              <el-table-column align="center" prop="dy35kvg" label="高"></el-table-column>
              <el-table-column align="center" prop="dy35kvd" label="低"></el-table-column>
            </el-table-column>
            <el-table-column align="center" label="10kv电压">
              <el-table-column align="center" prop="dy10kvg" label="高"></el-table-column>
              <el-table-column align="center" prop="dy10kvd" label="低"></el-table-column>
            </el-table-column>
            <el-table-column align="center" label="运行负荷KW">
              <el-table-column align="center" prop="yxfhPj" label="平均"></el-table-column>
              <el-table-column align="center" prop="yxfhZd" label="最大"></el-table-column>
            </el-table-column>
            <el-table-column align="center" prop="fhl" label="负荷率 %">
            </el-table-column>
            <el-table-column align="center" label="月供电量（万千瓦时）">
              <el-table-column align="center" prop="ygdlYg" label="有功"></el-table-column>
              <el-table-column align="center" prop="ygdlWg" label="无功"></el-table-column>
              <el-table-column align="center" prop="ygdlDrq" label="电容器"></el-table-column>
            </el-table-column>
            <el-table-column align="center" label="功率因数%">
              <el-table-column align="center" prop="glysBc" label="补偿"></el-table-column>
              <el-table-column align="center" prop="glysZr" label="自然"></el-table-column>
            </el-table-column>
            <el-table-column align="center" label="电容器（组/瓶/千乏）">
              <el-table-column align="center" prop="drqAz" label="安装"></el-table-column>
              <el-table-column align="center" prop="drqYx" label="运行"></el-table-column>
            </el-table-column>
          </el-table>
          <!-- 分页器 -->
          <el-pagination align="right" background @size-change="handleSizeChange5" @current-change="handleCurrentChange5"
            :current-page="pageNo5" :page-sizes="[5, 10, 20, 30, 40, 50]" :page-size="pageSize"
            layout="total, sizes, prev, pager, next, jumper" :total="total5">
          </el-pagination>
        </el-tab-pane>
      </el-tabs>

    </div>

  </div>
</template>

<script>
import moment from "moment";
import bdsyxqkfxsjApi from "@/api/jcsj/scdl/bdsyxqkfxsj";//变电所运行情况分析数据表数据接second、third tab页中一、供电情况
import bdsczjlqksjApi from "@/api/jcsj/scdl/bdsczjlqksj";//变电所操作记录情况数据接second tab页中二、运行情况
import bdsqxjlqksjApi from "@/api/jcsj/scdl/bdsqxjlqksj";//变电所缺陷记录情况接second tab页中三、变电所及线路缺陷记录
import bdsjxjhywcqksjApi from "@/api/jcsj/scdl/bdsjxjhywcqksj";//变电所检修计划与完成情况数据接 third tab页中二、电网检修计划和三、电网现状及检修情况
import ydpfqksjApi from "@/api/jcsj/scdl/ydpfqksj";//用电批分情况数据接 third tab页中四、用电分类1-8、1-2
import gdybsjApi from "@/api/jcsj/scdl/gdybsj";//供电月报表数据接 fourth tab
export default {
  data() {
    return {
      //tab页面
      activeName: 'third',
      // table数据
      tableData2: [],////变电所运行情况分析数据表数据接second tab页中供电情况、fiveth tab页表格
      tableData22: [],//变电所操作记录情况数据接second tab页中二、运行情况
      table:[],
      tableData23: [],//变电所缺陷记录情况接second tab页中三、变电所及线路缺陷记录
      tableData3: [],//变电所检修计划与完成情况数据接 third tab页中二、电网检修计划和三、电网现状及检修情况
      tableData32:[],//用电批分情况数据接 third tab页中四、用电分类1-8、1-2
      tableData4: [],//供电月报表数据接 fourth tab

      pageNo4: 1, //当前页码
      pageSize: 10, //每页显示数量
      total4: 0, //总数量
      pageNo5: 1, //当前页码
      pageSize: 10, //每页显示数量
      total5: 0, //总数量
      currentDate: moment().format("YYYY-MM"),
      //当前页码
      currentPage: 1,
      show: false,//隐藏序列   
      //表单填报的数据
      gydybbForm: {
        yxfhZd: "", //地区最高负荷、最大需量
        yxfhPj: "", //平均负荷
        ygdlYg: "", //月供电量_有功
        ygdlWg: "", //月供电量_无功 有功+无功=地区供电量
        //自发电量
        //最大日供电量
        //全厂自用电量
        fhl: "", //负荷率  本月负荷率
        glysBc: "", //功率因数_补偿 补偿力率
        glysZr: "", //功率因数_自然 自然力率

        lxmc: "", //类型名称
        yd1: "", //1月
        yd2: "", //2月
        yd3: "", //3月
        yd4: "", //4月
        yd5: "", //5月
        yd6: "", //6月
        yd7: "", //7月
        yd8: "", //8月
        yd9: "", //9月
        yd10: "", //10月
        yd11: "", //11月
        yd12: "", //12月
        hj: "", //合计
      },
      //时间快捷选择
      pickerOptions: {
        // disabledDate(time) {
        //   return time.getTime() > Date.now();
        // },
        shortcuts: [{
          text: '今天',
          onClick(picker) {
            picker.$emit('pick', new Date());
          }
        }, {
          text: '昨天',
          onClick(picker) {
            const date = new Date();
            date.setTime(date.getTime() - 3600 * 1000 * 24);
            picker.$emit('pick', date);
          }
        }, {
          text: '一周前',
          onClick(picker) {
            const date = new Date();
            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', date);
          }
        }]
      },
      value1: "",
      //编辑框是否显示
      dialogFormVisible: false,
      //弹出框是否是查看
      ischeck: false,
      //控制查看时不可更改数据
      isInput: false,
      //弹出框标题
      myDialogTitle: '',
    }
  },
  created() {
    // this.search();
  },
  mounted() {
    this.searchbdsyxqk();//查询变电所运行情况分析表
    this.searchbdsczjlqk();//查询变电所操作记录情况数据
    this.searchbdsqxjlqksj();//查询变电所缺陷情况记录
    this.searchbdsjx();//变电所检修计划与完成情况数据
    this.searchydpf();//用电批分情况数据
    this.searchgdybsj();//查询供用电月报表数据
    // this.filterTime();
  },

  methods: {
    //tab页
    handleClick1(tab, event) {
      console.log(tab, event);
    },
    //查询变电所运行情况分析表
    async searchbdsyxqk() {

      //发送查询请求
      let res = await bdsyxqkfxsjApi.List({ 
        currentDate: this.currentDate,
        pageNo5: this.pageNo5,
        pageSize: this.pageSize,
      });
      //判断是否成功
      if (res.success) {
        if (res.data != null) {
          console.log(res.data.records);
          //赋值
          // console.log(res)
          this.tableData2 = res.data.records;
          console.log("变电所运行");
          console.log(this.tableData2);
          //总数量
        this.total5 = res.data.total;
        }
      }
    },
    //查询变电所操作记录情况数据
    async searchbdsczjlqk() {
      //发送查询请求
      let res = await bdsczjlqksjApi.List({ currentDate: this.currentDate });
      //判断是否成功
      if (res.success) {
        if (res.data != null) {
          console.log("变电所操作");
          // console.log(res.data);
          //赋值
          this.tableData22 = res.data;
          console.log(this.tableData22);
        }
      }
    },
    //查询变电所缺陷情况记录
    async searchbdsqxjlqksj() {
      //发送查询请求
      let res = await bdsqxjlqksjApi.List({ currentDate: this.currentDate });
      //判断是否成功
      if (res.success) {
        if (res.data != null) {
          console.log("变电所缺陷");
          // console.log(res.data.length);
          // console.log(res.data);
          for(let i=0; i <res.data.length; i++){
            let arr1 =res.data[i].substationName;
            console.log('arr1',res.data[i].substationName);
            let arr2 =res.data[i].defectDescription;
            let arr3 =res.data[i].defectHandling;
            this.table[i]=arr1+arr2+arr3;
            // console.log('this.table',this.table);
          }
          //赋值
          // this.table = res.data;
          // console.log('zong',this.table.length);
          
        }
      };
      this.tableData23 = this.table.join(" ; ");
      console.log('this.tableData23',this.tableData23);
    },
    //变电所检修计划与完成情况数据
    async searchbdsjx() {
      //发送查询请求
      this.tableData3 = []//清空
      var lxmcarr = ['110kV变电所', '35KV变电所', '开闭所', '110KV线路', '35KV线路', '6~10KV线路']
      for (let i = 0; i < lxmcarr.length; i++) {
        // console.log('lxmcarr[i]', lxmcarr[i])
        let res = await bdsjxjhywcqksjApi.getList({
          // lxmc: '110kV变电所',
          lxmc: lxmcarr[i],
          currentDate: this.currentDate,
        });
        //判断是否成功
        if (res.success) {
          // console.log("变电所检修");
          // console.log(res.data);
          let data=res.data.records[0]
          // console.log('data',data)
          
          //赋值
          this.tableData3.push(data);
          // console.log('this.tableData3',this.tableData3);
          //总数量
          // this.total = res.data.total;
        }
      }
      console.log("变电所检修");
      console.log('this.tableData3',this.tableData3);

    },
    //用电批分情况数据
    async searchydpf() {
      //发送查询请求
      this.tableData32 = []//清空
      var lxmcarr1 = ['采油', '集输', '储运', '注水', '供水', '天然气','注聚','网损',
      '转大庆炼化公司电量','转大庆石化公司电量','转供中石油昆仑燃气电量', '转供中石油大庆分公司电量', '转供中国石油天然气分公司电量', 
      '（二）非油气生产', '（一）（二）油公司合计', '（三）转供电量','油田公司内部','油田公司外部','（一）（二）（三）总计','合计']
      for (let i = 0; i < lxmcarr1.length; i++) {
      let res = await ydpfqksjApi.getList({
        // lxmc: '采油',
        lxmc: lxmcarr1[i],
        currentDate: this.currentDate,
      });
      //判断是否成功
      if (res.success) {
        // console.log("用电批分");
        // console.log(res.data);
        //赋值
        let data1=res.data.records[0]
        this.tableData32.push(data1);
        // console.log('this.tableData32',this.tableData32);
      }
    }
    },
    //查询供用电月报表数据
    async searchgdybsj() {
      //发送查询请求
      let res = await gdybsjApi.getList({
        pageNo4: this.pageNo,
        pageSize: this.pageSize,
      });
      //判断是否成功
      if (res.success) {
        // console.log(res.data);
        //赋值
        this.tableData4 = res.data.records;
        console.log("供用电月报表");
        console.log(this.tableData4);
        //总数量
        this.total4 = res.data.total;
      }
    },


    //日期查询点击事件
    reload() {
      // this.tableData2 = [];
      // this.tableData22 = [];
      console.log(1011);
      console.log(this.value1); //value1[0] 开始时间 value1[1] 结束时间
      console.log(1011);
      this.currentDate = this.value1;
      // this.endDate = this.value1[1];
      this.searchbdsyxqk();//查询变电所运行情况分析表
      this.searchbdsczjlqk();////查询变电所操作记录情况数据
      this.searchbdsqxjlqksj();//查询变电所缺陷情况记录
      this.searchbdsjx();//变电所检修计划与完成情况数据
      this.searchydpf();//用电批分情况数据
      // this.searchbdsqxjlqksj()
      //  console.log(this.value1[0]);
      //this.$refs.table.reload({ page: 1 });
    },

    /*** 当每页数量发生变化时触发该事件 */
    handleSizeChange4(size) {
      console.log(size);
      this.pageSize = size;
      //将每页显示的数量交给成员变量
      this.searchgdybsj(this.pageNo, size);
    },
    /*** 当页码发生变化时触发该事件 */
    handleCurrentChange4(page) {
      console.log(page);
      this.pageNo4 = page;
      //调用查询方法
      this.searchgdybsj(page, this.pageSize);
    },

     /*** 当每页数量发生变化时触发该事件 */
     handleSizeChange5(size) {
      console.log(size);
      this.pageSize = size;
      //将每页显示的数量交给成员变量
      this.searchbdsyxqk(this.pageNo5, size);
    },
    /*** 当页码发生变化时触发该事件 */
    handleCurrentChange5(page) {
      console.log(page);
      this.pageNo5 = page;
      //调用查询方法
      this.searchbdsyxqk(page, this.pageSize);
    },
    // 序号计算
    indexMethod(index) {
      // index默认在0开始，这里+1
      return index + 1 + (this.currentPage - 1) * this.pageSize
    }
  }
}
</script>

<style lang="scss" scoped>
// 标题
.mytitle {
  font-size: large;
  padding-left: 10px;
  margin-bottom: 16px;
  float: left;
}

//按钮组
.myButtons {
  float: right
}

//查询条件
mycheck {
  float: right
}

//格子的样式
.bg-white {
  background: #ffffff;
}


.grid-content {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.calendar ::v-deep .el-button-group::before {
  display: none;
}

.calendar ::v-deep .el-button-group::after {
  display: none;
}

// 分割线样式
.el-divider--horizontal {
  display: block;
  height: 2px;
  width: 100%;
  margin: 24px 0;
}

element.style {
    margin-top: 15px;
    padding-top: 0px;
}

// 表单各项的样式
.el-form-item {
  margin: 15px 10px 15px 10px;
}

.el-input.is-disabled ::v-deep .el-input__inner {
  color: #606266;
}

.analysis-chart-card :deep(.ant-card-body) {
  padding: 14px 22px 14px 22px;
}

.elrow1 {
  //margin-bottom: 20px;
  //border: 1px solid #909399;
  //width: 500px;
  font-size: 22px;
  border-bottom: 1px solid #dfe1e4;

  &:last-child {
    margin-bottom: 0;
    //border: 1px solid #909399;
  }
}

.elrow2 {

  //margin-bottom: 20px;
  //border: 1px solid #909399;
  //width: 500px;
  //border-bottom: 1px solid #dfe1e4;
  &:last-child {
    margin-bottom: 0;
    //border: 1px solid #909399;
  }
}

.elrow11 {
  //margin-bottom: 20px;
  //border: 1px solid #909399;
  //width: 500px;
  //height: 80px;
  font-size: large;
  border-bottom: 1px solid #dfe1e4;
  border-left: 1px solid #dfe1e4;
  border-right: 1px solid #dfe1e4;
  // &:last-child {
  //   margin-bottom: 0;k
  //   border: 1px solid #909399;
  // }
}

.el-col {
  border-radius: 1px;
  //height: 80px
}

.kuangdu {
  height: 80px;
}

.kuangdu3 {
  height: 50px;
  border-top: #dfe1e4 1px solid;
  border-left: #dfe1e4 1px solid;
  border-right: #dfe1e4 1px solid;
}


// .grid-content {
//   border-radius: 4px;
//   min-height: 36px;
// }

.row-bg {
  padding: 10px 0;
  //background-color: #f9fafc;
}

.big_box {
  width: 100%;
  //height: 600px;
  //background-color: blue;
  display: flex;
  justify-content: center;
  /* 水平居中 */
  //align-items: center;/* 垂直居中 */
}

.mini_box {
  width: 40%;
  //height: 200px;
  //background-color: red;
}
</style>